<template>
  <div class='container'>
    <div class="app-container">
      <el-card class="box-card">
        <div class="text item">
          <div class="btn-wrapper">
            <span style="font-size: 12px; color: pink;">说明：目前支持学科和关键字条件筛选</span>
            <el-button type="success" size="mini" @click="addQuestion">
            <i class="el-icon-edit"></i>
            <span>新增试题</span>
            </el-button>
          </div>
          <!-- 表单 -->
          <choice-form></choice-form>
          <!-- 表单 -->
        </div>
      </el-card>
    </div>
</div>

</template>

<script>
import ChoiceForm from '../components/ChoiceForm.vue'
export default {
  components: {
    ChoiceForm
  },
  data () {
    return {

    }
  },
  methods: {
    addQuestion () {
      this.$router.push({ path: '/questions/new' })
    }
  }
}
</script>

<style scoped lang='scss'>
  .btn-wrapper {
    margin-bottom: 15px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

</style>
